<div class="card" id="monster-{{ monster.id }}">
  <p>{{ monster.name }} is {% if monster.is_happy %}happy{% else %}sad{% endif %}</p>

  <button hx-post="{% url 'toggle_item' monster_id=monster.id %}"
    hx-target="#monster-{{ monster.id }}"
    hx-swap="outerHTML"
  >{% if monster.is_happy %}Kick it!{% else %}Hug it!{% endif %}
  </button>
</div>
